/* scoped */
/*scoped*/
.clear{
  clear:both;
}
.mixinput{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.mixinput .inputBox{
  width: 650rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: left;
  padding:0rpx 16rpx;
  overflow:hidden;
}
.Web .mixinput .inputBox{
  width: 90%;
  height: 32px;
  line-height: 32px;
  border:1rpx solid #e4e4e4;
  padding:0rpx 8px;
}
.mixinput .inputLabels{
  margin-bottom:16rpx;
  margin-top:16rpx;
}
.Web .mixinput .inputLabels{
  margin-right:8px;
}
.mixinput .label{
  display: block;
  width: 600rpx;
  margin-bottom:16rpx;
}
.Web .mixinput .label{
  display: inline-block;
  margin-right:16px;
  width: auto;
}
.mixinput .selectValue{
  height: 80rpx;
  width: 100%;
  display:block;
  line-height: 80rpx;
  overflow:hidden;
  background: url() right center no-repeat;
  background-size: 40rpx 40rpx;
}
.Web .mixinput .selectValue{
  height: 32rpx;
  width: 100%;
  line-height: 32px;
  background-size: 12px 12px;
}
.mixinput .inputTextArea{
  width: 93%;
  min-height: 96rpx;
  background: #fff;
  padding:16rpx;
}
.Web .mixinput .inputTextArea{
  min-height: 48px;
  border:1rpx solid #e4e4e4;
  padding:8px;
}
.mixinput .inputTextArea:hover{
  box-shadow: 0 2rpx 2rpx rgba(0,0,0,0.1);
}
.mixinput .inputImageBox{
  height:auto;
}
.mixinput .inputImageUpload{
  margin-left: 0rpx;
  float: left;
  text-align: center;
  font-size:80rpx;
  color: #ccc;
  width: 300rpx;
  height: 300rpx;
  line-height: 300rpx;
}
.inputUploading{
  font-size:32rpx;
  color:#000;
}
.Web .inputUploading{
  font-size:14px;
}
.Web .mixinput .inputImageUpload{
  width: 100px;
  height: 100px;
  line-height: 100px;
  border:1rpx dashed #ccc;
  cursor: pointer;
}
.mixinput .imgBox{
  margin-right: 16rpx;
  margin-bottom: 16rpx;
  width: 300rpx;
  height: 300rpx;
  overflow: hidden;
  display: flex;
  justify-content:center;
  align-items:center;
  float: left;
  background: #f5f5f5;
}
.mixinput .inputImage{
  max-width: 300rpx;
  max-height: 300rpx;
}
.mixinput .imgActions{
  position: absolute;
  background: rgba(0,0,0,0.7);
  text-align: center;
  font-size: 25rpx;
  width: 300rpx;
  height: 300rpx;
  line-height: 300rpx;
}
.Web .mixinput .imgBox{
  width: 100px;
  height: 100px;
}
.Web .mixinput .inputImage{
  max-width: 100px;
  max-height: 100px;
}
.Web .mixinput .imgActions{
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.mixinput .imgAction{
  cursor: pointer;
  margin-left: 32rpx;
  color: #fff;
}
.Web .mixinput .imgAction{
  font-size: 12px;
  margin-left: 0px;
}
.datetimepicker{
  float: left;
  width: 45%;
}
.fileBox{
  padding:8rpx 16rpx 8rpx 0rpx;
  border-bottom:1rpx dashed #e4e4e4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.inputFile{
  margin-right: 16rpx;
  flex: 1;
  word-wrap: break-word;
  word-break:break-all;
  border-right: 1rpx solid #ccc;
  padding-right: 16rpx;
  cursor: pointer;
}
.inputImageUploadFile{
  color:#383838;
  border:1rpx solid #e4e4e4;
  padding:48rpx 96rpx;
  cursor: pointer;
}
.Web .inputImageUploadFile{
  padding:8px 16px;
}
.fileAction{
  color: #ff0000;
}
.Web .fileAction{
  cursor: pointer;
  font-size:12px;
  margin-right:8px;
}
.placeholder{
  margin-top:16rpx;
  color:#929292;
}